{template 'include/header'}
<div class="container container-fill">
	<style type="text/css">
	.clearfix:after {content: "";display: block;visibility: hidden;height: 0;clear: both;}
	input[type="text"]{ -webkit-appearance: none; }
	textarea{-webkit-appearance: none;}
	body{background: #fff;margin: 0;padding: 0;}
	p{margin: 0;}
	.gy_d1{width: 100%;height: 46px;background: #fff;border-bottom: 1px solid #e7e7e7;}
	.gy_d1l_img{width: 24px;float: left;margin-top: 11px;}
	.gy_d1l_spn{line-height: 46px;}
	.gy_d1l{width: 23%;float: left;margin-left: 2%}
	.gy_d1c{width: 50%;float: left;text-align: center;line-height: 46px;}
	#hear{width: 100%;height: 44px;line-height: 45px;border-bottom: 1px solid #e7e7e7;padding: 0;background: #fff;margin: 0;}
	#hear a{font-weight: normal;color: black;}
	#hear li{text-align: center;float: left;height: 45px;list-style: none;}
	#hear li:nth-of-type(1){width: 50%;float: left;}
	#hear li:nth-of-type(2){width: 50%;float: left;}
	#contentop li{ width: 100%; display: none;margin: 0 auto;}
	#contentop .action{ display: block;}
	</style>
</head>
<body>
<div class="gy_d1">
	<div class="gy_d1l" onClick="javascript:history.back(-1);"><img class="gy_d1l_img" src="<?php echo MODULE_URL;?>/template/mobile/img/gy_l.png"><span class="gy_d1l_spn">返回</span></div>
	<div class="gy_d1c">捐献证书</div>
	<div class="clearfix"></div>
</div>

<ul id="hear">
	<li class="action" style="border-bottom: 2px solid #43ac43;height: 43px;" id="hear1"><a href="javascript:;">样式一</a></li>
	<li><a href="javascript:;" id="hear2">样式二</a></li>
</ul>
<!-- <div style="height:90px;"></div>  -->
<ul id="contentop" style="padding:0px;background:#fff;margin:0;">
	<li class="action contentop_li" id="pic1">
		
	</li>
	<li class="contentop_li" id="pic2">
	
	</li>
</ul>
<script>
	$(function(){
		$("#hear li").click(function(){
			$(this).css({
				borderBottom: "2px solid #43ac43",
				height:"43px"
			}).siblings().css({
				borderBottom: "none",
				height:"45px"
			});
		});					
		$("#hear li").click(function(){
			$(this).addClass("action").siblings().removeClass("action");
			var index = $(this).index();
			$(".contentop_li").eq(index).css("display","block").siblings().css("display","none");
		});
	});
	function showimg(){
		var createUrl='{php echo $this->createMobileUrl("custom1",array("name"=>$name,"flag"=>"1"))}';
 		$("#pic1").html('<img  src="'+createUrl+'" width="100%" alt="努力加载中，请稍等">');
	}
 	showimg(); 	
	$("#hear1").click(function(){
		var createUrl='{php echo $this->createMobileUrl("custom1",array("name"=>$name,"flag"=>"1"))}';
 		$("#pic1").html('<img  src="'+createUrl+'" width="100%" alt="努力加载中，请稍等">');	
	})
	$("#hear2").click(function(){ 
		var createUrl='{php echo $this->createMobileUrl("custom1",array("name"=>$name,"flag"=>"2"))}';
 		$("#pic2").html('<img  src="'+createUrl+'" width="100%" alt="努力加载中，请稍等">');	
	})	
</script>
	
</div>   
</body>
</html>
